/**index.wxss**/
// page {
//   height: 100vh;
//   display: flex;
//   flex-direction: column;
// }
.van-cell__title, .van-cell__value {
  // flex: none !important;
  // max-width: none !important;
  // min-width: 0 !important;
}

.van-cell__title{
  // max-width: auto !important;
  // min-width: auto !important;
}
.van-field__label--disabled {
  color:#646566 !important
}


.map-container {
  height: 100vh;
  width: 100%;
  .main {
    margin: 20rpx 40rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 20rpx;
    padding: 0rpx 20rpx;
    .search-panel {
      width: 100%;
      display: flex;
      align-items: center;
      // width: calc(100% - 80rpx);
      .search{
        width: 100%;
      }
      .opt-panel {
        // background: yellow;
        // margin-left: 20rpx;
        display: flex;
        .opt-icon {
          padding: 0 10rpx;
          &:first-child{
            border-right: 1px solid rgb(240, 240, 240);
            // margin-left: 0;
          }
        }
      }
    }
  }
  .tools {
    box-sizing: border-box;
    margin-top: 40rpx;
    right: 40rpx;
    position: absolute;
    background-color: white;
    display: flex;
    flex-direction: column;
    border-radius: 20rpx;
    .item-panel{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 10rpx;
      padding: 10rpx;
      border-bottom: 1px solid rgb(240, 240, 240);
      .text {
        font-size: 12px;
      }
      &:last-child{
        border-bottom: 0;
      }
    }


  }
  .draw-tools {
    padding: 0 10rpx;
    box-sizing: border-box;
    margin-top: 40rpx;
    left: 40rpx;
    position: absolute;
    background-color: white;
    display: flex;
    align-items: center;
    border-radius: 20rpx;
    .item-panel{
      display: flex;
      flex-direction: column;
      align-items: center;
      // margin-bottom: 10rpx;
      padding: 10rpx;
      border-right: 1px solid rgb(240, 240, 240);
      .text {
        font-size: 12px;
      }
      &:last-child{
        border-right: 0;
      }
    }


  }
  
}
.layer-panel {
  padding: 20rpx 40rpx;
  width: 100%;
  // height: 100%;
  .title {
    font-size: 18px;
  }
  .layer-image {
    margin-top:20rpx;
    margin-right: 20rpx;
    display: flex;
    background-color: white;
    width: calc(100% - 80rpx);
    box-sizing: border-box;
    padding-left: 20rpx;
    height: 200rpx;
    border-radius: 40rpx;
    .icon-info {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-right: 20rpx;
      .layer-type {
        width: 100rpx;
        height: 100rpx;
        border: 1px solid white;
        border-radius: 50%;
      }
      .active-layer-type {
        border: 1px solid blue;
      }
      .text {
        margin-top: 10rpx;
        font-size: 12px;
        color: black
      }
      .active-text {
        color: blue
      }
     
    }
    
  }
  
}

.draw-info-panel {
  box-sizing: border-box;
  padding: 20rpx 40rpx;
  .title {
    font-size: 18px;
  }
  .props {
    margin-top: 20rpx;
    .prop-cell-group{
      box-sizing: border-box;
      width: 100%;
      background: white;
      border-radius: 20rpx;
      padding: 0 20rpx;
    }
   

  }
  .opt-btn{
    margin-top: 20rpx;
    display: flex;
    float: right;
  }
  
  
}
